<!DOCTYPE html>
<html lang="zh-cn">
<head>
    {include file="public/meta_header"/}
    {block name="meta"}{/block}
    {block name="css"}{/block}
</head>
<body>
<div id="app">
    <div class="index_header">
        <div class="header_top">
            <div class="font_gray6">
                <a href="/">
                    <img style="width: 60px;" src="/static/home/images/img_logo.png">
                </a>
            </div>
            <div class="itopr font_gray9" style="width: 400px;position: relative;">
                {if condition="get_user_id()"}
                <ul class="link">
                    <li class="link_yellow">
                        <a href="{:url('center/index')}" class="head_min_username" id="username_id">
                            {:empty($user) ? '' : $user['realname']}
                        </a>
                        <a href="{:url('center/msg')}" class="head_my_msg"> <span class="msg_count">我的消息 </span></a>
                        <a href="{:url('login/logout')}">退出</a>
                    </li>
                </ul>
                {/if}
                {if condition="!get_user_id()"}
                <ul class="link">
                    <li class="per">
                        <el-icon size="20" color="#dd4250"><User></User></el-icon>
                        <a href="{:url('login/index')}" class="login-text">个人登录</a>
                        <span class="login-text-line">|</span>
                        <a href="{:url('register/index')}" class="register_user">注册</a>
                    </li>
                </ul>
                {/if}
            </div>
        </div>
    </div>

    <?php $tab = $tab ?? '';?>
    <div class="index_navlist">
        <div class="index_navlist_list">
            <ul>
                <li class="nli J_hoverbut {eq name='tab' value='index'}select{/eq}">
                    <a href="{:url('/')}">首页</a>
                </li>
                <li class="nli J_hoverbut {eq name='tab' value='recruit'}select{/eq}">
                    <a class="navlist_item_name" href="{:url('recruit/index')}">招聘</a>
                </li>
                <li class="nli J_hoverbut {eq name='tab' value='news'}select{/eq}">
                    <a class="navlist_item_name" href="{:url('news/index')}">公告</a>
                </li>
                <li class="nli J_hoverbut {eq name='tab' value='notice'}select{/eq}">
                    <a class="navlist_item_name" href="{:url('notice/index')}">系统通知</a>
                </li>
                <li class="nli J_hoverbut {eq name='tab' value='help'}select{/eq}">
                    <a href="{:url('help/index')}">常见问题</a>
                </li>
                <li class="nli J_hoverbut {eq name='tab' value='about'}select{/eq}">
                    <a class="navlist_item_name" href="{:url('about/index')}">单位介绍</a>
                </li>
            </ul>
        </div>
        <div class="clear"></div>
    </div>
    {block name="body"}{/block}
    <div class="index_footer">
        <div class="index_footer_links">
            <a target="_blank" href="http://hxks.hxrc-app.com">网站首页</a>
            <a target="_blank" href="http://hxks.hxrc-app.com/content/explain/show/9">单位介绍</a>
            <a target="_blank" href="http://hxks.hxrc-app.com/content/suggest/index">意见建议</a>
        </div>
        <div class="index_footertxt">
            <p>招考服务热线：0595-82008296</p>
            <p>地址：福建省泉州市晋江市梅岭街道碧山社区梅岭路273号</p>
            <p>网站备案：<a href="https://beian.miit.gov.cn/" target="_blank">闽ICP备17033895号</a></p>

        </div>
    </div>
</div>

{block name="script"}{/block}
<script>
    const vue3 = {
        setup() {
            return v_setup();
        }
    };

    const app = Vue.createApp(vue3);
    for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
        app.component(key, component);
    }
    app.use(ElementPlus,{
        locale: ElementPlusLocaleZhCn,
    });
    const ElMessageBox = ElementPlus.ElMessageBox;
    const ElMessage = ElementPlus.ElMessage;
</script>
{block name="vue"}{/block}
<script>
    app.mount('#app');
</script>
</body>
</html>